import React, { Component } from 'react';
import {
  View,
  StyleSheet,
  Text,
  Image,
  Button,
  TextInput,
  TouchableOpacity,
} from 'react-native';

export default class LoginButton extends Component{
  constructor(props) { 
    super(props);
    this.state={text:''}
  }
  
  render() { 
    return (
      <TouchableOpacity
        onPress={this.props.onPressCallback}
        style={LoginStyles.loginTextView}
      >
        <Text
          style={LoginStyles.loginText}
        >
          {this.props.name}
        </Text>
      </TouchableOpacity>
    )
  }
}

const LoginStyles = StyleSheet.create(
  {
    loginText: {
      color: '#fff',
      fontWeight: 'bold',
      width:50,
    },
    loginTextView: {
      marginTop: 10,
      height: 50,
      backgroundColor: '#3281DD',
      borderRadius: 5,
      flexDirection: 'row',
      // flex:strch,
      justifyContent: 'center',
      alignItems:'center'
    }
  }
)